<template>
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  :style="{ width: `${size}px`, height: `${size}px` }"
    class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198">
    <path fill="currentColor" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path>
    <path fill="currentColor" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path>
    <path fill="currentColor" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path>
  </svg>
</template>
  
<script setup lang='ts'>
const { size } = withDefaults(defineProps<{
  color?: string,
  size?: number
}>(), {
  color: '#cccccc',
  size: 18
})
</script>
  
<style></style>